@import './common';

.page{
	box-sizing:border-box;
	padding: setSize(24) setSize(24) setSize(40);

	.canvas-box{
		width: setSize(700);
		height: setSize(900);
		border-radius:setSize(8);
		// background-color:#fff;

		.canvas{
			width: setSize(700);
			height: setSize(900);
		}
	}

	.btn-box{
		box-sizing:border-box;
		padding: 0 setSize(45 - 24);
	}

	.btn{
		width:100%;
		height:setSize(88);
		line-height:setSize(88);
		margin: setSize(48) auto 0;
		background:$mainColor;
		// box-shadow:setSize(0) setSize(4) setSize(16) setSize(0) rgba(242,144,0,0.5);
		border-radius:setSize(100);
		border:setSize(2) solid $mainColor;
		font-size:setSize(34);
		font-weight:500;
		color:#332F36;
		text-align: center;
	}

	.card-btn{
		background-color:#fff;
		color: $mainColor;
	}

	.hint{
		height:setSize(24);
		line-height:setSize(24);
		margin-top: setSize(40);
		font-size:setSize(24);
		font-weight:400;
		color:rgba(133,134,136,1);
		text-align: center;
	}
}